交互体验的核心功能
如何绑定事件处理函数
elem.onclick 在元素上绑定了一个点击事件，绑定事件处理函数

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<div style="width: 100px;height: 100px;background-color: red"></div>
	<script type="text/javascript">
		var div = document.getElementsByTagName('div')[0];
		div.onclick = function (){//在div的onclick上绑定一个处理函数

		}

		div.onclick = function(){}//一个对象的一个事件，只能绑定一个处理函数

		div.addEventListener('click',function(){
			console.log('a');
		},false);

		div.addEventListener('click',function(){//能给同一个对象的同一个事件绑定多个处理函数
			console.log('b');
		},false)

		div.addEventListener('click',test,false);//不能给同一个函数绑定多次
		div.addEventListener('click',test,false);
		function test(){}
	</script>

	<script type="text/javascript">
		//Ie独有，只能在IE上执行
		div.attachEvent('onclick',function(){})//一个事件可以绑定多个处理函数
	</script>
</body>
</html>